<template>
<div class="articleCon-top">
  <h1 class="title">{{info.title}}</h1>
  <div class="top-inf">
    <span>
          <icon data="@icon/author.svg" original/>
          <span>{{info.userName}}</span>
        </span>
    <span>
          <icon data="@icon/icon_time.svg" original/>
          <span>{{info.created_at}}</span>
        </span>
    <span>
          <icon data="@icon/icon_comment.svg" original/>
          <span>暂无评论</span>
        </span>
  </div>
</div>
</template>

<script>
export default {
  name: "articleCon-top",
  props:{
    info:{
      type:Object,
      default:function (){
        return {}
      }
    }
  }
}
</script>

<style scoped lang="scss">
.articleCon-top{
  padding: 20px;
  >.title{
    font-size: 30px;
    margin-bottom: 10px;

  }
  >.top-inf{
    >span{
      font-size: 13px;
      padding: 0 5px;
      color:#a0a0a0;
      :first-child{
        margin-right: 10px;
      }

      :last-child{
        vertical-align:bottom;
      }

    }
  }
}
</style>
